{extend name="../../base/view/common/base" /}
{block name="style"}
<style>
.layui-table-min th{font-size:13px; text-align:center; background-color:#f8f8f8;}
.layui-table-min td{font-size:13px; padding:6px;text-align:center;}
.layui-table-min tr.question-none td{padding:12px 0; color:#999}
</style>
{/block}
<!-- 主体 -->
{block name="body"}
<form class="layui-form p-4">
	<h3 class="pb-3">岗位学习详情</h3>
    <table class="layui-table">
		<tr>
			<td class="layui-td-gray">学习标题</td>
			<td colspan="3">{$detail.title}</td>
			<td class="layui-td-gray">状态</td>
			<td>
				{eq name="$detail.status" value="1"}正常{/eq}
				{eq name="$detail.status" value="0"}下架{/eq}
			</td>
		</tr>
		<tr>
			<td class="layui-td-gray">课时时长</td>
			<td>{$detail.hour}小时{$detail.minute}分</td>
			<td class="layui-td-gray">学分</td>
			<td>{$detail.score}</td>
			<td class="layui-td-gray" rowspan="3" style="vertical-align:top;">缩略图</td>
			<td rowspan="3">
				<div class="layui-upload">
				  <div class="layui-upload-list" id="demo1" style="width: 120px; height:72px; overflow: hidden;">
					<img src="{:get_file($detail.thumb)}" style="max-width: 100%; height:72px;" />
				  </div>
				</div>
			</td>
		</tr>
		<tr>
			<td class="layui-td-gray">学习对象</td>
			<td colspan="3">{$detail.person_name}</td>
		</tr>
		<tr>
			<td class="layui-td-gray">简短介绍</td>
			<td colspan="3">{$detail.desc}</textarea></td>
		</tr>
		<tr>
			<td class="layui-td-gray">关联课程</td>
			<td colspan="5" style="line-height:inherit">
				<div class="layui-row" id="courseBox">
					{notempty name="$detail.courseArray"}
					<table class="layui-table layui-table-min">
						<tr>
							<th width="100">编号</th>
							<th>课程标题</th>
							<th width="150">课程分类</th>
						</tr>
					{volist name="$detail.courseArray" id="vo"}
						<tr>
							<td>{$vo.id}</td>
							<td style="text-align:left;">{$vo.title}</td>
							<td>{$vo.cate}</td>
						</tr>
					{/volist}
					</table>
					{/notempty}
				</div>
			</td>
		</tr> 
    </table>
</form>
{/block}
<!-- /主体 -->

<!-- 脚本 -->
{block name="script"}
<script>
const moduleInit = ['tool'];
function gouguInit() {


}

</script>
{/block}
<!-- /脚本 -->